$(document).ready(function () {
    var $homeBox = $("#home");
    var $aboutUs = $("#aboutUs");//关于
    var $product=$("#product");//品牌
    var $strength=$("#strength");//实力
    var $science = $("#science")//科学
    var $aboutUs1 = $("#aboutBZ1");//关于
    var $product1=$("#product1");//品牌
    var $strength1=$("#strength1");//实力
    var $science1=$("#science1")//科学
    var $wenzhang = $("#wz")//科学
    var $stopping=$("#stopping")//科学
    function page_handel() {
        $(".tag").on("click", toggleTags)
        $("#homeBox1").on("click", homeBox);
        $("#aboutBZ1").on("click", aboutUs);
        $("#product1").on("click", product);
        $("#strength1").on("click", strength);
        $("#science1").on("click", science);
        $("#product .flex").on("click", checkTag);
        $("#weixin").on("click", Shopping);
    }

    function checkTag(e){
        let key = e.currentTarget.dataset.key;
        $(this).addClass('actived').siblings().removeClass("actived")
        $("#product .tab").eq(key).addClass("op1").siblings().removeClass("op1")
    }

    function toggleTags(e){
        let key = e.currentTarget.dataset.key;
        $(".tags .tag").eq(key).addClass("tactived")
        $(".tags .tag").eq(key).siblings().removeClass("tactived")
        //key 0首页 1关于博仲 2品牌产品 3研发实力 4健康科普 5会员club 6微信商城
        if(key==0)
        {
            homeBox();
       
        //$("#aboutUs").addClass("_hide");
        }
        if(key==1)
        {
            aboutUs();
        }
        if(key==2)
        {
            product();
        }
        if(key==3)
        {
            strength();
        }
        if(key==4)
        {
            science();
        }
        if(key==6)
        {
            Shopping();
        }
    }

    function homeBox() {
        ibase.fadeIn($homeBox);
        ibase.fadeOut($aboutUs);
        ibase.fadeOut($product);
        ibase.fadeOut($strength);
        ibase.fadeOut($science);
        ibase.fadeOut($wenzhang);
        ibase.fadeOut($stopping);
    }
        function aboutUs() {
            ibase.fadeIn($aboutUs);
            ibase.fadeOut($homeBox);
            ibase.fadeOut($product);
            ibase.fadeOut($strength);
            ibase.fadeOut($science);
            ibase.fadeOut($wenzhang);
             ibase.fadeOut($stopping);
    }
        function product() {
         ibase.fadeIn($product);
            ibase.fadeOut($homeBox);
            ibase.fadeOut($aboutUs);
            ibase.fadeOut($strength);
            ibase.fadeOut($science);
            ibase.fadeOut($wenzhang);
             ibase.fadeOut($stopping);
    }
        function strength() {
         ibase.fadeIn($strength);
            ibase.fadeOut($homeBox);
            ibase.fadeOut($aboutUs);
            ibase.fadeOut($product);
            ibase.fadeOut($science);
            ibase.fadeOut($wenzhang);
             ibase.fadeOut($stopping);
    }
        function science() {
        ibase.fadeIn($science);
            ibase.fadeOut($homeBox);
            ibase.fadeOut($aboutUs);
            ibase.fadeOut($product);
            ibase.fadeOut($strength);
            ibase.fadeOut($wenzhang);
             ibase.fadeOut($stopping);
    }
        function Shopping() {
            ibase.fadeIn($stopping);
            ibase.fadeOut($homeBox);
            ibase.fadeOut($aboutUs);
            ibase.fadeOut($product);
            ibase.fadeOut($strength);
            ibase.fadeOut($wenzhang);
            ibase.fadeOut($science);
    }
    // swiper
    function initSwiper(){
        //home banner
        new Swiper('.swiperBox',{
            on:{
                slideChange: function(){
                    $(".swiperBox .swiper-pagination").children().eq(this.activeIndex).addClass("swiper-pagination-bullet-active").siblings().removeClass("swiper-pagination-bullet-active")
                },
                },
        })
        new Swiper('.botSwiper',{
            on:{
                slideChange: function(){
                    $(".botSwiper .swiper-pagination").children().eq(this.activeIndex).addClass("swiper-pagination-bullet-active").siblings().removeClass("swiper-pagination-bullet-active")
                },
            },
        })
    }

   	function init(){
        page_handel()
        initSwiper()
    }
    init();
    $("#myTabs a").click(function (e) {
        e.preventDefault();
        $(this).tab("show");
    });
});//end ready
